body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form,  input, p, th, td { margin:0; padding:0;}
body {  font-family: "SourceHanSansCN-Regular"; }
img { border:0; /* max-width: 100%; display: block;*/ max-width: 100%;}
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; }
em { font-style:normal; }
input, button, select, textarea { outline:none; } 
textarea { resize:none; }
header,footer,article,aside,section,nav,menu,hgroup,details,dialog,figure,figcaption{display:block}
a:hover{ text-decoration: none !important; }
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
.clearfix:after{
    content:'';
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.containerr{ max-width: 1200px; margin:0 auto;}
.protatal .containerr{max-width: 100%;}
.nav-box .sublist .subaf a:hover{color:#f3f3f3;}
.navbor ul li a:hover{color:#3cbaef;}
@media screen and (max-width: 768px) {
	.protatall{display:none;}
}
@media screen and (min-width: 769px){
.navContent{  padding:1% 0px;}
.header_mob{ height: auto; position: fixed;  width: 100%; left:0px; top:0px;    z-index: 99; background: rgba(0,0,0,0.92);}
.header_mob .containerr{ max-width: 1340px; margin:0 auto;}
.logomob_lo img{ padding-top: 26px;}
.header_mob .logo_lo span{ display: table-cell;}
.header_mob .logo_lo .span1{  padding-top: 26px;}
.header_mob .logo_lo .span1 img{ display: block; max-width: 100%;}
.tablecell{display: table;}
.navbor {height: auto;text-align: center;}
.navy{ height:auto; padding-left: 0px; margin-bottom: 0px;  } 
.navy a:hover{ text-decoration: none;}
.navy li{display: block; margin-bottom: 0px; }
.navy > li {float: left; padding: 0px 20px;line-height:80px;text-transform:uppercase;   }
.navy > li.porelive{ position: relative;}
.navy > li:first-child{ padding-left: 0px;}
.navy > li:last-child{ background: none;}
.navy > li.current-menu-item > a{ color: #3cbaef;  }
.navy > li > a{ font-size: 16px; color:#ffffff;  display: block; }
.navy > li#current > a{}
.navy >li .sub-menu{ width: 100%; height: auto;  background: rgba(0,0,0,0.8); position: absolute; top:100%; left:0px;     z-index: 12; display: none;transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;}
.navy >li .sub-menu .containerr{width: 1200px; margin:0; margin-left: 40%;}
.navy >li .sub-menu .containerrr{width: 1200px; margin:0; margin-left: 32%;}
.navy > li.presive .sub-menu{ width: 100px;}
.navy > li.presive{ position: relative;}
.navy > li.presive .nav-box .sublist{ padding:0px; border-right: 0px; text-align: left; float: none; width: 100%;border-bottom:1px dashed #105978; padding-left: 10px;}
.navy > li.presive .nav-box .sublist:last-child{ border-bottom: none;}
.nav-box{ height: auto; overflow: hidden;  line-height: initial; display: inline-block;}
.navy > li.presive .nav-box{ padding:0px;width: 100%;height: auto;overflow: hidden; display: block;    margin-left: 0%;}
.navy > li.presive .nav-box .sublist dl{ margin-top: 0px;}
.navy > li.presive .nav-box .sublist dl dt{ margin-bottom: 0px; line-height:35px;padding-left:10px;}
.navy > li.presive .nav-box .sublist dl dt a{ font-size: 14px;}
.navy > li.presiver .nav-box .sublist dl{ margin-top: 0px;}
.navy > li.presiver .nav-box .sublist dl dt{ margin-bottom: 0px; line-height:35px;}
.navy > li.presiver .nav-box .sublist dl dt a{ font-size: 14px;}
.nav-box .sublist{ height: auto; overflow: hidden; float: left; padding:0 30px; border-right:1px dashed #105978;text-align: left;}
.nav-box .sublist:last-child{ border-right: none;}
.nav-box .sublist .subaf{ height: auto; overflow: hidden;}
.nav-box .sublist .subaf a{ font-size: 14px; color: #3cbaef; }
.nav-box .sublist dl{ height: auto; overflow: hidden; margin-top: 13px;}
.nav-box .sublist dt{ height: auto; overflow: hidden; }
.nav-box .sublist dt a{ color: #ffffff; font-size: 14px; font-weight: normal;}
.nav-box .sublist dt:hover a{ color: #3cbaef;}
.nav-box .sublist dd{ height: auto; overflow: hidden; line-height: 25px; height: 25px; display: none;}
.nav-box .sublist dd a{ font-size: 16px; color: #999999;}
.nav-box .sublist dd:hover a{color: #3cbaef; }
.threelist{ width: 100%; height: auto; overflow: hidden; margin:0 auto;    text-align: left;}
.threelist a{height: auto; overflow: hidden; line-height: 30px;font-size: 16px; color: #999999; width:36%; float: left; height: 30px; }
.case_nav .sublist dt a{  color: #3cbaef;}
.navbor ul.navy >li:hover>.sub-menu {
    display: block;
}
}
.sklcall{ line-height: 80px;  color: #00a2e9; font-size: 18px; background: url(../images/callbg.png) no-repeat left center; padding-left: 36px; margin-left: 34px;}
footer{ height: auto;  position: relative; overflow: hidden;background:#1d1d1d; }
footer .containerr{ max-width: 1395px;}
.foot-top{ height: auto; overflow: hidden; padding-top:3%; border-bottom: 1px solid #484848;margin:0 0.5%;}
.footdl{ height: auto; overflow: hidden;float: right;  text-align: right;}
.footdl dl{ height: auto;overflow: hidden; margin-left: 6%; display: inline-block;}
.footdl dl img{ display: block; background: #fff; padding: 6px; border-radius: 3px;}
.footdl dl span{ display: block;  color: #ffffff; font-size:16px; text-align: center; margin-top: 10px;}
.footp{ float:left;height: auto;width:68%; overflow: hidden;}
.footComp{ height: auto; overflow: hidden; font-size: 30px; color: #fff;    line-height: 16px; margin-bottom: 5%;}
.footComp i{ font-style: normal; font-size: 14px; color: #9d9d9d; letter-spacing: 2px;}
.footp p{ color:#fff; font-size: 16px; line-height:35px; background: url(../images/footico1.png) no-repeat left center; padding-left: 35px;     margin-top: 10px;}
.footp p:nth-child(2n){ background: url(../images/footico2.png) no-repeat left center;  }
.footp p:nth-child(3){ background: url(../images/footico3.png) no-repeat left center;  }
.footp p a{color:#fff; display: inline-block; }
.footp p:hover a{ opacity: 1;}
.footlo img{ display: block; max-width: 70%; margin-top: 4%; margin-bottom: 3%;}
.footlo p{ height: auto; overflow: hidden; margin-bottom: 2%; font-size: 16px; color: #d7d7d7;}
.footlo p a{  color: #d7d7d7;}
.stickkefu{ position: fixed;  bottom:100px;right: 20px;}
.stickkefu a{display:block;width:45px;height:69px;background:rgba(0,0,0,0.6);border-radius: 5px;overflow:hidden}
.stickkefu a:hover{background:#2365ac}
.stickkefu a:hover span{display:block}
.stickkefu .ico{padding: 10px;}
.stickkefu p{padding: 0 10px;color:#fff;font-size:8px;}
.stickTop{ position: fixed; bottom:40px;    display: inline-block;width: 45px;height: 45px;background: rgba(0,0,0,0.6) url(../images/top_icon.png) no-repeat center;text-align: center;text-decoration: none;line-height: 30px;z-index: 999;right: 20px;border-radius: 5px;-webkit-transition: .3s;-o-transition: .3s;transition: .3s; }
.stickTop:hover {background-color: #e83838;}
.foot-bottom{ height: auto; overflow: hidden; border-top:1px solid #2a2a2a; line-height: 48px; font-size:14px; color: #a3a3a3; text-align: center;}
.foot-bottom a{ color: #a3a3a3;}
.login_mob{ display: none;}
.ft{font-size:12px;text-align:center;color:#8d8a8a;background-color:#000;padding:1% 0;}
.ft a{padding:0 5px;color:#8d8a8a}
.footl{float:left;width:28%;margin-left:1.5%;}
@media (max-width: 768px){.footl{float:left;width:100%;margin-left:5%;}}
.footr{float:right;width:68%}
.footr-r{float:left;width:28%;margin:1.5%;}
@media (max-width: 768px){
	.footr{float:left;width:100%;}
	.footp{float:left;width:60%;margin-left:4%;}
}
.footr-r dl img{ display: block; background: #fff; padding: 6px; border-radius: 3px;}
.footr-r dl span{ display: block;  color: #ffffff; font-size:14px; }
@media screen and (min-width: 996px) and (max-width: 1275px){
.navy > li{padding: 0px 10px;}
.sklcall{line-height: 80px;color: #00a2e9;font-size: 18px;background: url(../images/callbg.png) no-repeat left center;padding-left: 36px;margin-left: 0px; }
}
@media screen and (min-width: 996px) and (max-width: 1110px){ 
.navy > li{padding: 0px 6px;}
.sklcall{line-height: 80px;color: #00a2e9;font-size: 16px;background: url(../images/callbg.png) no-repeat left center;padding-left: 36px;margin-left: 0px; }
}
@media screen and (min-width: 872px) and (max-width: 996px){
.navy > li{padding:0 3px; }
.sklcall{line-height: 80px;color: #00a2e9;font-size: 14px;background: url(../images/callbg.png) no-repeat left center;padding-left: 36px;margin-left: 0px; }
.navy > li a{ font-size: 14px;}
}
@media screen and (min-width: 769px) and (max-width: 872px){
.navy > li{padding:0 8px; }
.sklcall{ display: none; }
.navy > li a{ font-size: 14px;}
}
@media screen and (max-width: 768px) {
.sklcall{ display: none;}
.containerr{ padding:0 10px;}
img{ max-width: 100%;}
.navContent{ display: none;}
.zychang{ display: none;}
.header_mob .logo_lo .span2{ display: none;}
.head_mobile{ height: 60px; overflow: hidden;}
html.noscroll {
    height: 100%;
    overflow: hidden;
}
.header_mob .logo_lo img{ height: 16px; margin-top: 20px;}
.langular{ width: 100%; height: 35px; background: #f3f3f3; position: fixed; top:0px; left:0px; line-height: 35px;}
.langular a{ color: #858585; font-size:14px; margin-left: 10px;}
.header_mob{position:fixed; z-index:9999; top:0px; left:0px;  width: 100%; overflow:visible; display: block;height: 60px;background: rgba(0,0,0,0.92);}
.header_mob .container {position: relative;  margin:0px auto; }
/*.head_mobile{ display: block; height: 60px;}*/
.logomob_lo a{ height: auto; overflow: hidden; }
.logomob_lo a img{ margin-top: 18px; height: auto;}
#m_menu{position:relative;width:30px;height:30px;float:right; margin-top:20px; margin-right:0px;text-align: center;cursor: pointer; }
#m_menu span {display: block; position: absolute; width:30px; height: 3px; z-index: 1; left:0; top:0; background: #fff;}
#m_menu .menuicon-middle {z-index: 2;top: 8px;}
#m_menu .menuicon-bottom {z-index: 3; top: 16px; }
#sf-menu{ position:fixed; top:60px; left: 0; z-index: 9999; width:100%;  background: rgba(0,0,0,0.9); display:none; height: 100%;     overflow: auto;padding-bottom: 20%;} 
.navMenu>li>a { display: block; overflow: hidden; padding-left: 20px; line-height: 40px; color: #fff; transition: all .3s; position: relative; text-decoration: none; font-size: 14px; border-bottom: 1px solid #555; }
.navMenu li{ position: relative; display: block;}
/*.navMenu li i{ display: inherit; }
.navMenu li .arrow:before {  margin-top:0px; margin-right: 10px; display: inline; height: 40px;content: "";  background:url(../images/jiantou.png) no-repeat center right; width: 70px; position: absolute; right:0px; top:0px;}
.navMenu li.open .active:before { position: absolute; right:0px; top:0px; margin-top: 9px; margin-right: 10px; display: inline; height: 20px;content: "";  background:url(../images/jian.png) no-repeat center; width: 20px;}*/
.navMenu li>a.item-link:after {
    display: block;
    content: '';
    position: absolute;
    top: 0px;
    right: 8px;
    width: 70px;
    height: 40px;
    background:url(../images/jiantou.png) no-repeat center right;
    vertical-align: middle;
    transition: transform .2s;
    -webkit-transition: -webkit-transform .2s;
}
.navMenu li.open>a.item-link:after {
    background:url(../images/jian.png) no-repeat center right;
}
.navy >li .sub-menu{ display: none; }
.navy >li .sub-menu .nav-box{ padding:0px;}
.navy >li .sub-menu .sublist{ display: block; font-size: 14px; line-height: 35px;border-bottom: 2px solid #555;}
.navy >li .sub-menu .sublist .subaf{ line-height: 40px; padding-left: 25px;}
.navy >li .sub-menu .sublist .subaf a{ color: #3cbaef;}
.navy >li .sub-menu .sublist a{ color: #fff; display: block; font-weight: normal;}
.navy >li.presive .sub-menu .sublist a{ color: #3cbaef;}
.navy >li .sub-menu .sublist dl{border-bottom: 1px solid #555; }
.navy >li .sub-menu .sublist dl dt{line-height: 30px; padding-left: 30px; }
.navy >li .sub-menu .sublist dl dd{ line-height:25px; padding-left: 30px; }
.navy >li .sub-menu .sublist dl dd a{ color: #999;}
.navy >li .sub-menu .threelist a{line-height: 30px; padding-left: 30px; border-bottom: 1px solid #555; display: block; height: 30px; overflow: hidden; color: #999; }
.navy >li .sub-menu .sublist dl dd{ display: none;}
.menuicon-in .menuicon-top, .menuicon-in .menuicon-bottom, .menuicon-out .menuicon-top, .menuicon-out .menuicon-middle, .menuicon-out .menuicon-bottom { 
 animation: menuInx 1s;
 -moz-animation: menuInx 1s; 
 -webkit-animation: menuInx 1s; 
 -o-animation: menuInx 1s; 
 animation-fill-mode: forwards; 
 -webkit-animation-fill-mode: forwards 
 }
 
.menuicon-in .menuicon-middle {
animation: menuInm 0.5s; 
-moz-animation: menuInm 0.5s; 
-webkit-animation: menuInm 0.5s; 
-o-animation: menuInm 0.5s; 
animation-fill-mode: forwards; 
-webkit-animation-fill-mode:forwards 
}

.menuicon-in .menuicon-bottom { 
animation-name: menuIny; 
-moz-animation-name: menuIny; 
-webkit-animation-name: menuIny; 
-o-animation-name: menuIny; 
}

.menuicon-out .menuicon-top { 
animation-name: menuOutx;
 -moz-animation-name: menuOutx; 
 -webkit-animation-name: menuOutx;
 -o-animation-name: menuOutx; 
 }
 
.menuicon-out .menuicon-middle { 
animation-name: menuOutm; 
-moz-animation-name: menuOutm; 
-webkit-animation-name: menuOutm; 
-o-animation-name: menuOutm; 
}

.menuicon-out .menuicon-bottom { 
animation-name: menuOuty; 
-moz-animation-name: menuOuty;
-webkit-animation-name: menuOuty;
-o-animation-name: menuOuty; 
}
  

  @-webkit-keyframes menuInx {  
0% {
 -webkit-transform:rotate(0);
 top:0
}
100% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
}
@-moz-keyframes menuInx { 
 0% {
 -moz-transform:rotate(0);
 top:0
}
100% {
 -moz-transform:rotate(-45deg);
 top:8px
}
}
@-o-keyframes menuInx {  
0% {
 -o-transform:rotate(0);
 top:0
}
100% {
 -o-transform:rotate(-45deg);
 top:8px
}
}
@keyframes menuInx {  
0% {
 transform:rotate(0);
 top:0
}
100% {
 transform:rotate(-45deg);
 top:8px
}
}
@-webkit-keyframes menuInm {  
0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-moz-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-o-keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@keyframes menuInm { 
 0% {
 opacity:1
}
100% {
 opacity:0
}
}
@-webkit-keyframes menuIny {  
0% {
 -webkit-transform:rotate(0);
 top:16px
}
100% {
 -webkit-transform:rotate(45deg);
 top:8px
}
}
@-moz-keyframes menuIny {  
0% {
 -moz-transform:rotate(0);
 top:16px
}
100% {
 -moz-transform:rotate(45deg);
 top:8px
}
}
@-o-keyframes menuIny {  
0% {
 -o-transform:rotate(0);
 top:16px
}
100% {
 -o-transform:rotate(45deg);
 top:8px
}
}
@keyframes menuIny { 
0% {
 transform:rotate(0);
 top:16px
}
100% {
 transform:rotate(45deg);
 top:8px
}
}
@-webkit-keyframes menuOutx {  
0% {
 -webkit-transform:rotate(-45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:0
}
}
@-moz-keyframes menuOutx {  
0% {
 -moz-transform:rotate(-45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:0
}
}
@-o-keyframes menuOutx {  
0% {
 -o-transform:rotate(-45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:0
}
}
@keyframes menuOutx {  
0% {
 transform:rotate(-45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:0
}
}
@-webkit-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-moz-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-o-keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@keyframes menuOutm {  
0% {
 opacity:0
}
100% {
 opacity:1
}
}
@-webkit-keyframes menuOuty {  
0% {
 -webkit-transform:rotate(45deg);
 top:8px
}
100% {
 -webkit-transform:rotate(0);
 top:16px
}
}
@-moz-keyframes menuOuty {  
0% {
 -moz-transform:rotate(45deg);
 top:8px
}
100% {
 -moz-transform:rotate(0);
 top:16px
}
}
@-o-keyframes menuOuty {  
0% {
 -o-transform:rotate(45deg);
 top:8px
}
100% {
 -o-transform:rotate(0);
 top:16px
}
}
@keyframes menuOuty {  
0% {
 transform:rotate(45deg);
 top:8px
}
100% {
 transform:rotate(0);
 top:16px
}
}



.menufade > li{opacity:0}
.menufade > li{ 
    animation:menufade 0.35s ease-out;
    -moz-animation:menufade 0.35s ease-out;
    -webkit-animation:menufade 0.35s ease-out;
    -o-animation:menufade 0.35s ease-out;
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode:forwards;
}
.menufade > li:nth-child(1){
    animation-delay:100ms;
    -moz-animation-delay:100ms;
    -webkit-animation-delay:100ms;
    -o-webkit-animation-delay:100ms
}
.menufade > li:nth-child(2){
    -o-webkit-animation-delay:300ms;
    -moz-animation-delay:300ms;
    -webkit-animation-delay:300ms;
    animation-delay:300ms
}
.menufade > li:nth-child(3){
    -o-webkit-animation-delay:350ms;
    -moz-animation-delay:350ms;
    -webkit-animation-delay:350ms;
    animation-delay:350ms
}
.menufade > li:nth-child(4){
    -o-webkit-animation-delay:400ms;
    -moz-animation-delay:400ms;
    -webkit-animation-delay:400ms;
    animation-delay:400ms
}
.menufade > li:nth-child(5){
    -o-webkit-animation-delay:450ms;
    -moz-animation-delay:450ms;
    -webkit-animation-delay:450ms;
    animation-delay:450ms
}
.menufade > li:nth-child(6){
    -o-webkit-animation-delay:500ms;
    -moz-animation-delay:500ms;
    -webkit-animation-delay:500ms;
    animation-delay:500ms
}
.menufade > li:nth-child(7){
    -o-webkit-animation-delay:550ms;
    -moz-animation-delay:550ms;
    -webkit-animation-delay:550ms;
    animation-delay:550ms
}
.menufade > li:nth-child(8){
    -o-webkit-animation-delay:600ms;
    -moz-animation-delay:600ms;
    -webkit-animation-delay:600ms;
    animation-delay:600ms
}
.menufade > li:nth-child(9){
    -o-webkit-animation-delay:650ms;
    -moz-animation-delay:650ms;
    -webkit-animation-delay:650ms;
    animation-delay:650ms
}
.menufade > li:nth-child(10){
    -o-webkit-animation-delay:700ms;
    -moz-animation-delay:700ms;
    -webkit-animation-delay:700ms;
    animation-delay:700ms
}


@-webkit-keyframes menufade {
0% {opacity:0;-webkit-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-webkit-transform:scale(1) translateY(0)}
}
@-moz-keyframes menufade {
0% {opacity:0;-moz-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-moz-transform:scale(1) translateY(0)}
}
@-o-keyframes menufade {

0% {opacity:0;-o-transform:scale(1.1) translateY(-24px)}
100% {opacity:1;-o-transform:scale(1) translateY(0)}
}
@keyframes menufade {
0% {opacity:0;transform:scale(1.1) translateY(-24px)}
100% {opacity:1;transform:scale(1) translateY(0)}
}

.footComp{ font-size: 22px;}

.footdl dl{ width: 30%; margin-left: 2%;}
}
@media screen and (max-width: 414px) {
.footComp{ font-size: 16px;margin-bottom: 2%;}
.footComp i{ font-size:12px;}
.footp p{ font-size: 12px; line-height: 19px;}
.footdl{ display: block;  width: 100%; margin-bottom: 5%;display: table-cell;text-align: center;vertical-align: middle;}
.footdl dl{ margin-left: 0px; margin-right: 2%;}
.footdl dl:last-child{ margin-right: 0px;}
.footdl dl span{ font-size: 13px; margin-top: 5px;}
.foot-bottom{ font-size: 12px; line-height: 18px; padding:5px 0px;}
}